<!DOCTYPE html>
<html>
<head>
    <title></title>
		<!--<#include "/header.html">-->
    <link rel="stylesheet" href="${request.contextPath}/statics/css/baseinfo/ningBingControllPage.css">
</head>
<body>
<div id="rrapp" class="tck">
    <div class="azd">
        <p style="font-size: 35px;margin: 0 auto;">气象预警凝冰处置系统</p>
    </div>
    <div class="zuo">
        <div class="box1">
            <div style="margin: 10px 10px;"><img id="tubiao" alt="" ></div>
            <div class="jiao">
                <div class="y1"></div>
                <div class="y2"></div>
                <div class="y3"></div>
                <div class="y4"></div>
            </div>
            <div class="biaoti">
                <p style="font-size: 19px;margin: 0 25px ;margin-top: 10px;"><img alt="" src="../../statics/image/tanchuye_1.png">&nbsp;实时天气</p>
            </div>
            <div class="nr">
                <div class="xian1"></div>
                <div class="xian2"></div>
                <div class="xian3"></div>
                <div class="xian4"></div>
                <div class="xian5"></div>
                <div class="cen">
                    <p style="color: #1FE8F0;font-size: 15px;margin: 10px auto;">天气状况</p>
                </div>
                <div class="triangle_border_nw"></div>
                <div class="triangle_border_nw1"></div>
                <p id="tqzkP"
                   style="color: #1FE8F0;font-size: 23px;margin: 70px auto;">{{lhpDataWeatherStation.realtime}}</p>
            </div>
            <div class="nr1">
                <div class="xian1"></div>
                <div class="xian2"></div>
                <div class="xian3"></div>
                <div class="xian4"></div>
                <div class="xian5"></div>
                <div class="cen">
                    <p style="color: #1FE8F0;font-size: 15px;margin: 10px auto;">空气温度</p>
                </div>
                <div class="triangle_border_nw"></div>
                <div class="triangle_border_nw1"></div>
                <p id="kqwdP"
                   style="color: #1FE8F0;font-size: 23px;margin: 70px auto;">{{lhpDataWeatherStation.ambientTemp+'℃'}}</p>
            </div>
            <div class="nr2">
                <div class="xian1"></div>
                <div class="xian2"></div>
                <div class="xian3"></div>
                <div class="xian4"></div>
                <div class="xian5"></div>
                <div class="cen">
                    <p style="color: #1FE8F0;font-size: 15px;margin: 10px auto;">相对湿度</p>
                </div>
                <div class="triangle_border_nw"></div>
                <div class="triangle_border_nw1"></div>
                <p id="xdsdP"
                   style="color: #1FE8F0;font-size: 23px;margin: 70px auto;">{{lhpDataWeatherStation.relativeHumidity+'%'}}</p>
            </div>
            <div class="nr3">
                <div class="xian1"></div>
                <div class="xian2"></div>
                <div class="xian3"></div>
                <div class="xian4"></div>
                <div class="xian5"></div>
                <div class="cen">
                    <p style="color: #1FE8F0;font-size: 15px;margin: 10px auto;">风&nbsp;&nbsp;&nbsp;&nbsp;速</p>
                </div>
                <div class="triangle_border_nw"></div>
                <div class="triangle_border_nw1"></div>
                <p id="fsP"
                   style="color: #1FE8F0;font-size: 23px;margin: 70px auto;">{{lhpDataWeatherStation.windSpeed+'m/s'}}</p>
            </div>
        </div>
        <div class="box2">
            <div class="jiao">
                <div class="y1"></div>
                <div class="y2"></div>
                <div class="y3"></div>
                <div class="y4"></div>

            </div>
            <div class="biaoti">
                <p style="font-size: 19px;margin: 0 25px ;margin-top: 10px;"><img alt="" src="../../statics/image/tanchuye_2.png">&nbsp;实时数据</p>
            </div>
            <div class="nr4">
                <div class="xian1"></div>
                <div class="xian2"></div>
                <div class="xian3"></div>
                <div class="xian4"></div>
                <div class="xian5"></div>
                <div class="cen">
                    <p style="color: #1FE8F0;font-size: 15px;margin: 10px auto;">能见度</p>
                </div>
                <div class="triangle_border_nw"></div>
                <div class="triangle_border_nw1"></div>
                <p id="njdP"
                   style="color: #1FE8F0;font-size: 23px;margin: 70px auto;">{{lhpDataVisibility.visibility==null?"-":lhpDataVisibility.visibility+'m'}}</p>
            </div>
            <div class="nr5">
                <div class="xian1"></div>
                <div class="xian2"></div>
                <div class="xian3"></div>
                <div class="xian4"></div>
                <div class="xian5"></div>
                <div class="cen">
                    <p style="color: #1FE8F0;font-size: 15px;margin: 10px auto;">路面温度</p>
                </div>
                <div class="triangle_border_nw"></div>
                <div class="triangle_border_nw1"></div>
                <p id="lmwdP"
                   style="color: #1FE8F0;font-size: 23px;margin: 70px auto;">{{lhpDataRoadDetector.roadSurfaceTemp==null?"-":lhpDataRoadDetector.roadSurfaceTemp+'℃'}}</p>
            </div>
            <div class="nr6">
                <div class="xian1"></div>
                <div class="xian2"></div>
                <div class="xian3"></div>
                <div class="xian4"></div>
                <div class="xian5"></div>
                <div class="cen">
                    <p style="color: #1FE8F0;font-size: 15px;margin: 10px auto;">湿滑程度</p>
                </div>
                <div class="triangle_border_nw"></div>
                <div class="triangle_border_nw1"></div>
                <p id="shcdP"
                   style="color: #1FE8F0;font-size: 23px;margin: 70px auto;">{{lhpDataRoadDetector.friction==null?"-":lhpDataRoadDetector.friction}}</p>
            </div>
            <div class="nr7">
                <div class="xian1"></div>
                <div class="xian2"></div>
                <div class="xian3"></div>
                <div class="xian4"></div>
                <div class="xian5"></div>
                <div class="cen">
                    <p style="color: #1FE8F0;font-size: 15px;margin: 10px auto;">路面状况</p>
                </div>
                <div class="triangle_border_nw"></div>
                <div class="triangle_border_nw1"></div>
                <p id="lmzkP"
                   style="color: #1FE8F0;font-size: 23px;margin: 70px auto;">{{lhpDataRoadDetector.roadCondition==null?"-":lhpDataRoadDetector.roadCondition}}</p>
            </div>
            <div class="nr8">
                <div class="xian1"></div>
                <div class="xian2"></div>
                <div class="xian3"></div>
                <div class="xian4"></div>
                <div class="xian5"></div>
                <div class="cen">
                    <p style="color: #1FE8F0;font-size: 15px;margin: 10px auto;">含盐量</p>
                </div>
                <div class="triangle_border_nw"></div>
                <div class="triangle_border_nw1"></div>
                <p id="hylP"
                   style="color: #1FE8F0;font-size: 23px;margin: 70px auto;">{{lhpDataRoadDetector.salineConcentrationNacl ==null?"-":lhpDataRoadDetector.salineConcentrationNacl+"%"}}</p>
            </div>
            <div class="nr9">
                <div class="xian1"></div>
                <div class="xian2"></div>
                <div class="xian3"></div>
                <div class="xian4"></div>
                <div class="xian5"></div>
                <div class="cen">
                    <p style="color: #1FE8F0;font-size: 15px;margin: 10px auto;">含冰比例</p>
                </div>
                <div class="triangle_border_nw"></div>
                <div class="triangle_border_nw1"></div>
                <p id="hbblP"
                   style="color: #1FE8F0;font-size: 23px;margin: 70px auto;">{{lhpDataRoadDetector.icePercentage == null? "-" :lhpDataRoadDetector.icePercentage+"%"}}</p>
            </div>
            <div class="nr10">
                <div class="xian1"></div>
                <div class="xian2"></div>
                <div class="xian3"></div>
                <div class="xian4"></div>
                <div class="xian5"></div>
                <div class="cen">
                    <p style="color: #1FE8F0;font-size: 15px;margin: 10px auto;">冰点温度</p>
                </div>
                <div class="triangle_border_nw"></div>
                <div class="triangle_border_nw1"></div>
                <p id="bdwdP"
                   style="color: #1FE8F0;font-size: 23px;margin: 70px auto;">{{lhpDataRoadDetector.freezingTempNacl==null? "-":lhpDataRoadDetector.freezingTempNacl +"℃"}}</p>
            </div>
            <div class="nr11">
                <div class="xian1"></div>
                <div class="xian2"></div>
                <div class="xian3"></div>
                <div class="xian4"></div>
                <div class="xian5"></div>
                <div class="cen">
                    <p
                            style="color: #1FE8F0;font-size: 15px;margin: 10px auto;text-align: center;">水膜厚度</p>
                </div>
                <div class="triangle_border_nw"></div>
                <div class="triangle_border_nw1"></div>
                <p id="smhdP"
                   style="color: #1FE8F0;font-size: 23px;margin: 70px auto;text-align: center;">{{lhpDataRoadDetector.waterFilmHeight==null?"-":lhpDataRoadDetector.waterFilmHeight+"μm"}}</p>
            </div>
        </div>
    </div>
    <div class="center">
        <div class="box3">
            <div class="jiao">
                <div class="y1"></div>
                <div class="y2"></div>
                <div class="y3"></div>
                <div class="y4"></div>
                <iframe name="dlFrm" id="dlFrm" scrolling="no"
                        style="width:100%; height:100%; margin:0;border-width: 0px;"></iframe>
            </div>
        </div>
        <div class="box4">
            <div class="left">
                <div>
                    <p style="margin: 5px auto;">总电动水阀</p>
                </div>
                <div class="kdw">
                    <div class="kdw-1">
                        <img id="ddfk" src="../../statics/image/stop1_nbc.png" class="yuan"> <input
                            type="button" value="开">
                    </div>
                    <div class="kdw-1">
                        <img id="ddfkdw"src="../../statics/image/stop1_nbc.png" class="yuan"> <input
                            type="button" value="开到位">
                    </div>
                    <div class="kdw-1">
                        <img id="ddfg"src="../../statics/image/stop_nbc.png" class="yuan"> <input
                            type="button" value="关">
                    </div>
                    <div class="kdw-1">
                        <img id="ddfgdw"src="../../statics/image/start_nbc.png" class="yuan"> <input
                            type="button" value="关到位">
                    </div>
                </div>
                <div
                        style="border-top: 2px dashed #2b77cd;width: 90%;margin: 0 auto;"></div>
                <div class="bp">
                    <div class="bpq">
                        <div>
                            <p style="margin: 5px auto;">变频器</p>
                        </div>
                        <div class="bpq-1">
                            <img id="bpqstatus"src="../../statics/image/off_nbc.png" class="yuan"
                                 style="margin-top: 10px;">

                        </div>

                    </div>
                    <div class="switch-1">
                        <div>
                            <p style="margin: 5px auto;">模式</p>
                        </div>
                        <img id="systemstatus"src="../../statics/image/kaiguan1_nbc.png" class="yuan">
                        <input type="button" value="自动"
                               style="width: 35px;padding: 0;position: relative;top: -9px;">
                        <input type="button" value="手动"
                               style="width: 35px;padding: 0;position: relative;top: -9px;">
                    </div>
                    <div class="pth">
                        <div>
                            <p style="margin: 5px auto;">喷头号</p>
                        </div>
                        <div class="pyh-1">
                            <p id="ptnum"style="font-size: 35px; margin: 0 auto">1</p>
                        </div>
                    </div>
                </div>


            </div>
            <div class="zj">
                <div class="yxzc">
                    <p id="shebeizhuangtai" style="font-size: 20px; margin: 0 auto;">运行正常</p>
                </div>
                <div class="kg">
                    <div style="display: none;">
                        <p id="yeya"style="margin: 0 auto;font-size: 24px">-</p>
                    </div>
                </div>
                <div style="margin-top: 5px;">
                    <img id="qidongdonghua" src="../../statics/image/stop2_nbc.png"
                         style="width: 124px;
						height: 63px;margin-left: 25px;">
                </div>
                <div class="switch">
                    <div class="switch-2">
                        <input type="button" value="启动" style="font-size: 20px;">
                        <img src="../../statics/image/start1_nbc.png" class="yuan"
                             style="margin-top: 8px;cursor: pointer;" onClick="startPensa()">
                    </div>
                    <div class="switch-2">
                        <input type="button" value="停止" style="font-size: 20px;">
                        <img src="../../statics/image/start_nbc.png" class="yuan"
                             style="margin-top: 8px;cursor: pointer;" onclick="stopPensa()">
                    </div>
                </div>
            </div>
            <div class="right">
                <div class="sx">
                    <p style="margin: 0 auto;font-size: 20px;">水箱</p>
                </div>
                <div class="sw">
                    <div>
                        <p id="yeweiLevel" style="margin: 0 auto;font-size: 19px;line-height: 30px;">-</p>
                    </div>
                </div>
                <div class="zd">
                    <div id="yeweitu"class="lc"></div>
                </div>
            </div>
            <div class="jiao">
                <div class="y1"></div>
                <div class="y2"></div>
                <div class="y3"></div>
                <div class="y4"></div>
            </div>
        </div>
    </div>
    <div class="you">
        <div class="box5">
            <div class="jiao">
                <div class="y1"></div>
                <div class="y2"></div>
                <div class="y3"></div>
                <div class="y4"></div>
            </div>
            <div class="biaoti">
                <p style="font-size: 19px;margin-top: 10px;"><img alt="" src="../../statics/image/tanchuye_3.png">&nbsp;路面参数趋势</p>
            </div>
            <div id="chart1"
                 style="width: 100%;height: 81%; position: absolute;top:45px;"></div>
        </div>
        <div class="box6">
            <div class="jiao">
                <div class="y1"></div>
                <div class="y2"></div>
                <div class="y3"></div>
                <div class="y4"></div>
            </div>
            <div class="biaoti">
                <p style="font-size: 19px;margin-top: 10px;"><img alt="" src="../../statics/image/tanchuye_4.png">&nbsp;空气参数趋势</p>
            </div>
            <div id="chart2"
                 style="width: 100%;height: 81%; position: absolute;top:45px;"></div>
        </div>
        <div class="box7">
            <div class="jiao">
                <div class="y1"></div>
                <div class="y2"></div>
                <div class="y3"></div>
                <div class="y4"></div>
            </div>
            <div class="biaoti">
                <p style="font-size: 19px;margin-top: 10px;"><img alt="" src="../../statics/image/tanchuye_5.png">&nbsp;日志记录列表</p>
            </div>
            <div id="logWater"
                 style="width:100%;height: 70%; position: absolute;bottom: 0px;overflow: scroll;font-size: 13px; overflow-x:hidden"></div>
        </div>
    </div>
</div>
<script src="${request.contextPath}/statics/libs/jquery.min.js"></script>
<script src="${request.contextPath}/statics/plugins/layer/layer.js"></script>
<script src="${request.contextPath}/statics/libs/bootstrap.min.js"></script>
<script src="${request.contextPath}/statics/libs/vue.min.js"></script>
<script src="${request.contextPath}/statics/plugins/jqgrid/grid.locale-cn.js"></script>
<script src="${request.contextPath}/statics/plugins/jqgrid/jquery.jqGrid.min.js"></script>
<script src="${request.contextPath}/statics/plugins/ztree/jquery.ztree.all.min.js"></script>
<script src="${request.contextPath}/statics/js/common.js"></script>
<script src="${request.contextPath}/statics/plugins/echarts/echarts.min.js"></script>
<script src="${request.contextPath}/statics/js/modules/baseinfo/ningBingControllPage.js?_${.now?long}"></script>
</body>
</html>